<template>
  <vue-tab current="rule"></vue-tab>
  <div class="sec-top">
    <vue-rule-add></vue-rule-add>
  </div>
  <table class="table table-bordered table-hover">
    <thead>
      <tr>
        <th class="col-sm-2">券商</th>
        <th class="col-sm-2">开户奖励</th>
        <th class="col-sm-2">首次交易奖励</th>
        <th class="col-sm-3">用户范围</th>
        <th class="col-sm-3"></th>
      </tr>
    </thead>
    <tbody>
      <tr v-for="item in list">
        <td>{{item.securityCode | securityName}}</td>
        <td>{{item.openPrice}}</td>
        <td>{{item.tradePrice}}</td>
        <td>{{item.userRange}}</td>
        <td class="text-right">
          <button class="btn btn-danger btn-sm" @click="deleteItem(item.id)">删除</button>
        </td>
      </tr>
    </tbody>
  </table>
</template>
<script src="./rule.js"></script>